﻿<MRow>
    <MCol Cols="@("auto")">
        <MCard Width="215" Height="215" Class="overflow-auto">
            <MCardText>
                <h3>Overflow auto</h3>
                Lorem ipsum dolor sit amet consectetur adipisicing elit. Officiis
                facilis dicta esse molestias vero hic laudantium provident nisi eos
                quasi iusto alias sequi, aut aliquid voluptatibus commodi! Minima, eum
                voluptates?
            </MCardText>
        </MCard>
    </MCol>
    <MCol Cols="@("auto")">
        <MCard Width="215" Height="215" Class="overflow-hidden">
            <MCardText>
                <h3>Overflow hidden</h3>
                Lorem ipsum dolor sit amet consectetur adipisicing elit. Officiis
                facilis dicta esse molestias vero hic laudantium provident nisi eos
                quasi iusto alias sequi, aut aliquid voluptatibus commodi! Minima, eum
                voluptates?
            </MCardText>
        </MCard>
    </MCol>
    <MCol Cols="@("auto")">
        <MCard Width="215" Height="215" Class="overflow-visible">
            <MCardText>
                <h3>Overflow visible</h3>
                Lorem ipsum dolor sit amet consectetur adipisicing elit. Officiis
                facilis dicta esse molestias vero hic laudantium provident nisi eos
                quasi iusto alias sequi, aut aliquid voluptatibus commodi! Minima, eum
                voluptates?
            </MCardText>
        </MCard>
    </MCol>
</MRow>